<template>
  <div id='tmpl'>     
      <div class="title">
          <h4 v-text="info.title"></h4>
          <p>{{info.add_time | datefmt('YYYY-MM-DD')}} {{info.click}}次浏览</p>
      </div>
        <div id="content" v-html="info.content">

        </div>
        <comment :msg='id'></comment>
  </div>
</template>
<script>
// import {Toast} from 'mint-ui';
import comment from '../subcom/comment.vue'
export default {
    components:{
        comment
},
  data () {
    return {
        id: 0,
        info:{}
    }
  },
  created(){
      this.id = this.$route.params.id;
      this.getinfo();
  },
  methods:{
      getinfo(){
          this.$http.get(this.$common.apidomain+'/api/getnew/'+this.id).then(function(res){
              var data = res.body;
              if(data.status !=0){
                  this.$common.Toast(data.message);
                  
                  return;
              }
              console.log(data.message);
              this.info = data.message[0];
          })
      }
  }
}
</script>
<style lang="css" scoped>
.title h4 {
    color: #0094ff;
}

.title p {
    color: rgba(0, 0, 0, 0.5);
}

.title,
#content {
    padding: 5px;
}
</style>